<ion-header-bar class="bar-top text-center">
    <div class="buttons">
        <nav-button class="back" ng-click="back()"></nav-button>
    </div>
    <h1 class="title">添加银行卡</h1>
</ion-header-bar>
<ion-view>
    <ion-content class="card-add"   scroll="false">
        <div class="row status">
            <div class="col col-100">
                请绑定持卡人本人的银行卡
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    持卡人
                </div>
                <div class="num">
                    <input ng-model="vm.model.name" placeholder="请输入持卡人姓名" />
                </div>
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    卡号
                </div>
                <div class="num">
                    <input ng-model="vm.model.code" placeholder="请输入卡号" />
                </div>
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    银行
                </div>
                <div class="num">
                    <select ng-model="vm.model.bankType">
                        <option value="中国银行">中国银行</option>
                        <option value="中国农业银行">中国农业银行</option>
                        <option value="中国工商银行">中国工商银行</option>
                        <option value="中国建设银行">中国建设银行</option>
                        <option value="中国交通银行">中国交通银行</option>
                        <option value="招商银行">招商银行</option>

                    </select>
                </div>
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    卡类型
                </div>
                <div class="num">
                <span class="card-type">借记卡</span>
                    <input ng-show="false" ng-model="vm.user.callCount" placeholder="请输入卡类型" />
                </div>
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    手机号
                </div>
                <div class="num">
                    <input class="phone" ng-model="vm.model.phone" placeholder="请输入手机号" />
                    <button class="sendcode" ng-click="getCode();" ng-class="{'active': vm.time>0}" ng-bind="vm.time>0?('重发 '+vm.time):'获取验证码'"></button>
                </div>
            </div>
        </div>
        <div class="row itemdiv">
            <div class="col col-100">
                <div class="title">
                    验证码
                </div>
                <div class="num">
                    <input ng-model="vm.model.valiCode" placeholder="请输入验证码" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col col-100">
                <div class="agree">
                    <input type="checkbox" name="" ng-model="vm.agree" id="agree">同意<span ng-click="go('register-noduty')">《服务协议》</span>
                </div>
            </div>
        </div>
        <div class="sbutton" ng-click="saveCard();">保存</div>
    </ion-content>
</ion-view>
